<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button>getData</button >
</body>
<script>
let btn = document.getElementsByTagName("button")[0]
btn.onclick = function() {
    let url = `http://101.37.65.169:9081/user/sys/login`
    const config = {
        method:"POST",//'GET'
        headers:{
            "Content-Type":"application/json",
            "abc":"2222"
        },
        body:JSON.stringify({
            userName:"admin",
            passWord:"123456"
        }),
        mode:"cors", //跨域  请求中加入 origin 和 referer    no-cors  不加入
                     // same-origin 请求必须在同一个主机名之下
        //credentiala:如何写到cookie
        //            omit, 默认值，不携带cookie
        //            same-origin 请求同源地址携带cookie
        //            include     全部携带cookie
        //cache：缓存模式
        //       百度
    }
    //当接收到服务器的返回结果后，promise的状态一定是resolved，数据状态为response对象
    //当网络发生错误，导致无法完成交互时，进去rejected状态，状态数据为错误信息
    // fetch(url,config).then(res => {
    //     console.log(res)
    //     // res.text().then(tes => {
    //     //     console.log(tes)
    //     // })
    //     res.json().then(tes => {
    //         console.log(tes)
    //     })
        
    // }).catch(err => {
    //     console.log(err)
    // })
    new Request(url, config).then(res => {
        res.json().then(tes => {
            console.log(tes)
        })
    }).catch(err => {
        console.log(err)
    })
    
}







// let p = new Promise((reso,res) => { throw 1} )
// p.then(res => {
//     console.log(res, 'res')
// }).catch(err => {
//     setTimeout(() => {
//         console.log(err, 'err')
//     },2000)
// }).then(res => {
//     console.log(res, 'res1')
// }).catch(err => {
//     console.log(err, 'err1')
// })
</script>
</html>